<template>
  <div class="libdocument">
    <div class="newest">
      <div class="ant-card-body">员工请假单</div>
      <el-form ref="form" :model="form" label-width="80px">
        <table border="1px" id="staffBmTable">
          <tr class="vgb">
            <td class="colfirst">请假人</td>
            <td class="colfirst">
              <el-input v-model="form.leave"></el-input>
            </td>
            <td class="colfirst">部门</td>
            <td class="colfirst">
              <el-input v-model="form.department"></el-input>
            </td>
            <td class="colfirst">职务</td>
            <td class="colfirst">xxxx</td>
          </tr>
          <tr class="current">
            <td colspan="2">请假类型</td>
            <td colspan="4">
              <el-radio-group v-model="form.resource">
                <el-radio label="病假"></el-radio>
                <el-radio label="事假"></el-radio>
              </el-radio-group>
            </td>
          </tr>
          <tr class="current1">
            <td colspan="2">请假事由</td>
            <td colspan="4">
              <el-input
                v-model="form.addnote"
                type="textarea"
                :rows="5"
              ></el-input>
            </td>
          </tr>
        </table>
      </el-form>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        leave: "",
        department: "",
        resource: "",
        addnote: "",
      },
    };
  },
  methods: {},
};
</script>
<style scoped>
.libdocument {
  width: 100%;
  height: 550px;
}
.newest {
  width: 750px;
  height: 500px;
  border: 1px solid #fff;
  box-shadow: 0 0 1px 1px #aaa, 3px 0 5px 0 #aaa, 0 4px 7px 0 #aaa;
  margin: 20px auto;
}

table {
  border-collapse: collapse;
}
.current {
  height: 43px;
}
.current1 {
  height: 120px;
}
.ant-card-body {
  margin-top: 5px;
  font-weight: 700;
  height: 43px;
  line-height: 43px;
  text-align: center;
  display: block;
  color: #000;
  font-size: 25px;
}
#staffBmTable {
  width: 100%;
  font-size: 12px;
  text-align: center;
}
.colfirst {
  width: 16%;
}
</style>